@media screen and (min-width:1025px) {.main {margin-left:160px;margin-right:160px;}
}
header {width:100%;height:80px;position:fixed;top:0px;z-index:1000;background-color:rgba(0,0,0,0.2) !important;background-color:#000;filter:alpha(opacity=20);}
header > .main {height:100%;display:flex;justify-content:space-between;align-items:center;}
header .logo {width:210px;height:28px;display:block;position:relative;}
header .logo img {position:absolute;left:0px;top:0px;z-index:2;transition:all 300ms;}
header .logo .black {opacity:0;}
header .logo .white {opacity:1;}
header .right {display:inline-flex;align-items:center;}
header nav {display:inline-flex;align-items:center;}
header nav .dropdown > a {display: block;
    padding: 0px 13px;
    margin: 0px 20px;
    height: 100%;
    line-height: 80px;
    font-size: 18px;
    color: #fff;
    white-space: nowrap;
    transition: color 300ms;
    position: relative;}
header nav .dropdown > a.cur {color:#e83827;font-weight:bold;}
header nav .dropdown > a.cur:after {content:"";width:100%;height:2px;position:absolute;bottom:1px;left:0px;z-index:2;background-color:#e83827;}
/*header nav .dropdown:hover {color:#0069a6;}
*/        /*header nav .dropdown {position:relative}*/
/*            header nav .dropdown:nth-child(3) {position:initial;}
*/            
header nav .dropdown .drop-item {
    background-color: rgba(255,255,255,0.85) !important; background-color: #fff; filter: alpha(opacity=85);
    width: 100%;
    height: auto;
/*	min-height:280px;*/
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 80px;
    z-index: 10;
	display:flex;
	visibility:hidden;
	-moz-box-shadow:0px 15px 15px -15px rgba(0, 0, 0, 0.4); 
 	-webkit-box-shadow:0px 15px 15px -15px rgba(0, 0, 0, 0.4); 
 	box-shadow:0px 15px 15px -15px rgba(0, 0, 0, 0.4);
	opacity:0;
}
header.white .drop-item {
	border-top:1px solid #e0e0e0;
}
header nav .dropdown:hover>a {
	color:#e83827;
}
header nav .dropdown:hover .drop-item{
	visibility:visible;
	opacity:1;
}
header nav .dropdown .drop-item .drop-left {height:100%;padding: 50px 0px; flex: 3;}
header nav .dropdown .drop-item .drop-left .main { position:relative; display:flex;}
header nav .dropdown .drop-item .drop-left .main .menu-tit {width:20%;/*overflow:hidden;*/position:relative;float:left;font-size:30px;line-height: 60px;color:#999;flex: 1;min-height: 150px;}
header nav .dropdown .drop-item .drop-left .main .menu-tit span {white-space:nowrap; }
header nav .dropdown .drop-item .drop-left .main .menu-tit .plus {
	position:absolute;
	left:0px;
	bottom:0px;
	font-size:30px;
	line-height: 30px;
	color:#333;
	opacity:.2;
}
header nav .dropdown .drop-item .drop-left .main .menu-list { width:80%;  overflow:hidden; position:relative; float:right; flex: 5; }
header nav .dropdown .drop-item .drop-left .main .menu-list .pro-fl {font-size:16px;color:#999;line-height:28px;padding-left:20%;margin-top: 20px;}
header nav .dropdown .drop-item .drop-left .main .menu-list ul {height:auto;overflow:hidden;padding-bottom: 30px;}
header nav .dropdown .drop-item .drop-left .main .menu-list ul li { width:30%; margin-left:20%; float:left; }
header nav .dropdown .drop-item .drop-left .main .menu-list ul li .icon { padding-right:20px; font-size: 15px;}
header nav .dropdown .drop-item .drop-right { background-size:cover; flex: 1;color: #fff;
    font-size: 30px;
    line-height: 48px;
    text-align: center;
	position:relative;
	 }
header nav .dropdown .drop-item .drop-right .drop-text {
	width:100%;
	position:absolute;
	left:0px;
	top:50%;
	z-index:10;
	transform: translateY(-50%);
}
header nav .dropdown .drop-item .drop-right	.more-btn { background:none; width:180px; color:#fff; border:1px solid #fff; margin:20px auto; font-size:16px; transition:all .3s linear; }
header nav .dropdown .drop-item .drop-right	.more-btn span {
    font-size: 16px;
}
header nav .dropdown .drop-item .drop-right	.more-btn:hover {
	background-color: rgba(232,56,39,0.6) !important; background-color: #e83827; filter: alpha(opacity=60);
	border:1px solid #9f362b;
}
header nav .dropdown > ul {position:absolute;border-top:1px solid #ccc;padding:10px;background:#fff;-webkit-box-shadow:0 5px 41.5px rgba(40,40,40,.11);box-shadow:0 5px 41.5px rgba(40,40,40,.11);-webkit-transition:all 300ms linear;-o-transition:all 300ms linear;transition:all 300ms linear;opacity:1;visibility:hidden;position:absolute;left:-40px;right:auto;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);display:block;width:235px;padding:24px 40px 25px;border-radius:0 0 8px 8px;top:100%;}
/*            header nav .dropdown:nth-child(3) ul {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);visibility:visible;left:0px;}
header nav .menu-box {position:absolute;width:100%;height:500px;left:0px;top:81px;z-index:3;background-color:#fff;-moz-box-shadow:0px 0px 15px rgba(0,0,0,0.4);-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.4);box-shadow:0px 0px 15px rgba(0,0,0,0.4);}
header nav .menu-box .m-left {width:33.3333%;float:left;height:500px;background-color:#f00;}
header nav .menu-box .m-middle {width:33.3333%;float:left;height:500px;background-color:#c7b5b5;}
header nav .menu-box .m-right {width:33.3333%;float:right;height:500px;background-color:#641313;}
*/            header nav .dropdown:hover ul {opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);z-index:100;display:block;}
header nav .dropdown ul li {padding-right:0;position:relative;vertical-align:top;}
header nav .dropdown ul li a {position:relative;font-family:var(--global--font-body);color:var(--global--color-body);display:block;font-size: 18px;font-weight:400;text-transform:capitalize;border-radius:0;border-bottom: 1px solid #e5e5e5;position:relative;line-height: 50px;color:#333;margin-right:0; transition:color .3s linear;  }
/*header nav .dropdown .menu-list:hover ul li a {
	color:#bcbbbb;
}*/
header nav .dropdown .menu-list ul li a:hover {
	color: #e83827;
}
/*header nav .dropdown .menu-list:hover .pro-fl {
	color:#bcbbbb;
}*/
header nav .dropdown ul li a:hover {color:#e83827}
header .lang-s {display:inline-flex;align-items:center;line-height:31px;}
header .lang-s a,header .lang-s span {color:#fff;}
header .lang-s .lang {font-size:16px;}
header .lang-s span {font-size:12px;padding:0 15px;}
header .lang-s .search-btn {display:block;font-size:16px;line-height:16px;}
header.white {background-color:rgba(255,255,255,1) !important;background-color:#fff;filter:alpha(opacity=100);-moz-box-shadow:0px 0px 15px rgba(0,0,0,0.4);-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.4);box-shadow:0px 0px 15px rgba(0,0,0,0.4);}
header.white .logo .black {opacity:1;}
header.white .logo .white {opacity:0;}
header.white nav a {color:#333;}
header.white nav a:hover {color:#e83827;}
header.white .lang-s a,header.white .lang-s span {color:#333;}
.head_white header {background-color:#fff;top:0;}
.head_white header .logo .black {opacity:1;}
.head_white header .logo .white {opacity:0;}
.head_white header nav a {color:#333;position:relative;}
.head_white header nav a.cur {color:#e83827;}
.head_white header nav a:hover {color:#e83827;}
.head_white header .lang-s a,.head_white header .lang-s span {color:#333;}
header.out {transform:translateY(-100%);}
.mask {width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.7);z-index:9;display:none;}
.m-header {width:100%;height:60px;background-color:#131313;position:sticky;top:0;z-index:10;display:none;}
.m-header .main {height:100%;max-width:none;display:flex;align-items:center;justify-content:space-between;}
.m-header .main .logo {width:3rem;/* height:0.4rem;*/            position:relative;}
.m-header .main .logo img {width:auto;/* height:28px;*/                /* max-height:100%;*/                /* display:block;*/                position:absolute;left:0px;top:50%;transform:translateY(-50%);z-index:2;}
.m-header .main .right {overflow:hidden;display:inline-flex;align-items:center;}
.m-header .main .right a {display:block;float:left;width:0.3rem;margin-left:.25rem;height:0.5rem;color:#fff;}
.m-header .main .right a i {display:inline-block;font-size:.3rem;margin-top:.1rem;transition:all .3s linear;}
.m-header .main .right a img {width:100%;height:100%;}
.m-header .m-nav {width:100%;position:fixed;top:60px;left:0;background-color:#fff;padding:0px 20px 20px 20px;display:none;}
.m-header .m-nav .nav {width:100%;}
.mobile-menu .navbar-collapse {
	display: block !important;
}

.mobile-menu .nav-logo {
	position: relative;
	padding: 30px 25px;
	text-align: left;
}
.mobile-menu .nav-logo img {
	height:35px;
}

.mobile-menu-visible {
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
	opacity: 0.70;
	visibility: visible;
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #fff;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .close-btn {
	position: absolute;
	right: 20px;
	top: 15px;
	line-height: 30px;
	width: 24px;
	text-align: center;
	font-size: 30px;
	color: #5d5d5d;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}

.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	float: none;
}

.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-top: 1px solid #ebebeb;
}

.mobile-menu .navigation:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 25px;
	font-size: 15px;
	font-weight: 500;
	color: #5d5d5d;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.mobile-menu .navigation li ul li>a {
	font-size: 15px;
	margin-left: 20px;
	text-transform: capitalize;
}

.mobile-menu .navigation li>a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.mobile-menu .navigation li.current>a:before {
	height: 100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 6px;
	top: 6px;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
	color: #5d5d5d;
	background: rgb(93 93 93 / 0.1);
	cursor: pointer;
	border-radius: 2px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;


	transition: all 500ms ease;
	z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
	display: none;
}

.mobile-menu .social-links {
	position: relative;
	text-align: center;
	padding: 30px 25px;
}

.mobile-menu .social-links li {
	position: relative;
	display: inline-block;
	margin: 0px 10px 10px;
}

.mobile-menu .social-links li a {
	position: relative;
	line-height: 32px;
	font-size: 16px;
	color: #ffffff;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}



.m-header .m-nav .nav .one {width:100%;height:40px;line-height:40px;border-bottom:1px solid #e6e6e6;font-size:16px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;}
.m-header .m-nav .nav .one a {display:block;float:left;height:100%;white-space:nowrap;}
.m-header .m-nav .nav .one i {display:block;float:right;width:100%;height:100%;background-image:url(../img/29.png);background-size:0.2rem 0.2rem;background-position:right center;background-repeat:no-repeat;}
.m-header .m-nav .nav .one i.open {background-image:url(../img/30.png);background-size:0.2rem 0.03rem;}
.m-header .m-nav .nav .two {width:100%;height:auto;padding-bottom:0.24rem;padding-left:0.5rem;border-bottom:1px solid #e6e6e6;display:none;}
.m-header .m-nav .nav .two a {display:block;clear:both;margin-top:0.24rem;font-size:0.26rem;}
.m-header .m-nav .lang {width:100%;overflow:hidden;padding-top:10px; border-top: 1px solid #ebebeb;}
.m-header .m-nav .lang a {display:block;float:left;margin-right:10px;height:40px;/* min-width:0.5rem;*/                line-height:40px;border-radius:5px;text-align:center;padding:0px 10px;font-size:16px;color:#999;}
.m-header .m-nav .lang a.active {background-color:#e83827;color:#fff;}
footer {width:100%;background-color:#222;}
footer .foot-top {width:100%;padding:70px 0 80px 0;}
footer .ewm-box li {width:45px;height:45px;border-radius:45px;background-color:#434343;float:left;margin-right:14px;text-align:center;cursor:pointer;position:relative;}
footer .ewm-box li .ewm {position:absolute;width:120px;max-width:initial;height:120px;left:-17.5px;top:55px;z-index:10;display:none;}
footer .ewm-box li:hover::after {content:"";width:15px;height:15px;background-color:#fff;position:absolute;top:52px;left:15px;z-index:5;transform:rotate(45deg);}
footer .ewm-box li:hover .ewm {display:block;}
footer .ewm-box li .ico {width:29px;height:29px;margin-top:8px;}
footer .foot-top .main {display:flex;justify-content:space-between;/*        padding:0 150px;*/}
/* footer .foot-top .item {overflow:hidden;}
*/    footer .foot-top .item p {font-size:16px;color:#fff;margin-bottom:15px;height:auto;overflow:hidden;}
footer .foot-top .item p.tel a {font-size:30px;line-height:36px;}
footer .foot-top .item a {display:block;float:left;clear:both;font-size:14px;line-height:20px;color:#999;margin-top:8px;}
footer .foot-top .item p a {font-size:16px;color:#fff;}
footer .foot-bot {padding:14px 0;border-top:1px solid #333;}
footer .foot-bot .main {display:flex;justify-content:space-between;align-items:center;}
footer .foot-bot p,footer .foot-bot span,footer .foot-bot a {font-size:14px;color:#666;display:inline-block;}
footer .foot-bot img {margin-right:5px;}
footer .foot-bot .left p,footer .foot-bot .left a {margin-right:20px;}
footer .foot-bot .right p,footer .foot-bot .right a {margin-left:20px;}
/*Scroll To Top*/.scroll-to-top {position:fixed;right:30px;bottom:100px;width:54px;height:54px;color:#ffffff;font-size:30px;line-height:46px;text-align:center;z-index:100;cursor:pointer;background:#e83928;border-radius:50%;display:none;-moz-box-shadow:0px 0px 15px rgba(0,0,0,0.4);-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.4);box-shadow:0px 0px 15px rgba(0,0,0,0.4);-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.scroll-to-top:hover {color:#ffffff;}

@media screen and (max-width:1700px) {header nav .dropdown > a {/* margin-right:50px; */}
}
@media screen and (max-width:1600px) {.main {margin-left:90px;margin-right:90px;}
header {height:80px;}
header .logo {/* width:291px;*/ /* height:47px;*/}
header .logo img {/* width:291px;*/}
header nav .dropdown>a {/* font-size:14px; *//* margin-right:40px; */}
header .lang-s .lang {font-size:16px;}
header .lang-s span {font-size:12px;padding:0 15px;}
header .lang-s .search-btn {font-size:20px;line-height:20px;}
}
@media screen and (max-width:1366px) {.main {margin-left:70px;margin-right:70px;}
header {height:80px;}
header .logo {/* width:291px;*/ /* height:47px;*/}
header .logo img {width:291px;}
header nav .dropdown>a {/* font-size:14px; *//* margin-right:30px; */padding: 0px 5px;margin: 0px 10px;}
header .lang-s .lang {font-size:16px;}
header .lang-s span {font-size:12px;padding:0 15px;}
header .lang-s .search-btn {font-size:20px;line-height:20px;}
footer .foot-top {padding:36px 0;}
footer .foot-top .main {padding:0;}
footer .foot-top .item p {font-size:16px;margin-bottom:15px;}
footer .foot-top .item a {font-size:14px;margin-top:8px;}
footer .foot-bot {padding:14px 0;}
footer .foot-bot p,footer .foot-bot span,footer .foot-bot a {font-size:14px;}
footer .foot-bot img {margin-right:5px;}
footer .foot-bot .left p,footer .foot-bot .left a {margin-right:0px;}
footer .foot-bot .right p,footer .foot-bot .right a {margin-left:20px;}
}
@media screen and (max-width:1200px) {header > .main {margin-left:30px;margin-right:30px;}
header nav .dropdown a {/* margin-right:20px; */font-size: 16px;padding: 0px 8px;margin: 0px 10px;}
}
@media screen and (max-width:1023px) {.main {margin-left:30px;margin-right:30px;}
header {display:none;}
.m-header {display:block;}
footer .foot-top {display:none;}
footer .foot-bot {padding:14px 0;border-top:1px solid #333;text-align:center;}
footer .foot-bot .main {display:block;}
footer .foot-bot p,footer .foot-bot span,footer .foot-bot a {font-size:14px;color:#666;display:inline-block;}
footer .foot-bot img {margin-right:5px;}
footer .foot-bot .left {width:100%;}
footer .foot-bot .left p,footer .foot-bot .left a {margin-right:10px;margin-left:10px;}
footer .foot-bot .right {width:100%;}
footer .foot-bot .right p,footer .foot-bot .right a {margin-left:10px;margin-right:10px;margin-top:4px;margin-bottom:4px;}
}
@media screen and (max-width:480px) {.m-header .main .logo {width:2.5rem;}
html,body {overflow-x:hidden;}
.main {margin-left:15px;margin-right:15px;}
header {display:none;}
.m-header {display:block;}
footer .foot-top {display:none;}
footer .foot-bot {padding:14px 0;border-top:1px solid #333;text-align:center;}
footer .foot-bot .main {display:block;}
footer .foot-bot p,footer .foot-bot span,footer .foot-bot a {font-size:14px;color:#666;display:inline-block;}
footer .foot-bot img {margin-right:5px;}
footer .foot-bot .left {width:100%;}
footer .foot-bot .left p,footer .foot-bot .left a {margin-right:10px;margin-left:10px;}
footer .foot-bot .right {width:100%;}
footer .foot-bot .right p,footer .foot-bot .right a {margin-left:10px;margin-right:10px;margin-top:4px;margin-bottom:4px;}
.scroll-to-top {right:10px;bottom:60px;}
.m-header {height:50px;}
.m-header .m-nav {top:50px;}
}
.pageNav {text-align:center;height:auto;margin:40px auto;color:#666;}
.pageNav font,.pageNav span,.pageNav a {display:inline-block;width:50px;height:50px;line-height:50px;overflow:hidden;font-size:15px;border:1px solid #ededed;color:#363636;background:#d2d2d2;}
.pageNav font.current,.pageNav span.current {background:#e83827;color:#fff;}
.pageNav font.disabled,.pageNav span.disabled {color:#adaaad;}
.pageNav a,.pageNav a:link,.pageNav a:visited {font-size:15px;border:1px solid #ededed;color:#333;white-space:nowrap;background-color:#d2d2d2;}
.pageNav a:hover {background-color:#e83827;color:#fff;}
.pageNav a.current {background:#f7f7f7;color:#fff;}
.pageNav a.disabled {color:#adaaad;}
.pageNav .page-arrow {font-family:simsun;}

.no-data {color:#646464;text-align:center;font-size:16px;padding:30px 10px;}
.no-data span {color:#e83928;font-weight:600;}